const getters = {
  sidebar: state => state.app.sidebar,
  device: state => state.app.device,
  token: state => state.user.token,
  // avatar: state => state.user.avatar,
  avatar: state => state.user.userInfo.staffPhoto, // 返回用户头像地址
  name: state => state.user.userInfo.username, // 返回用户名
  companyId: state => state.user.userInfo.companyId
}
export default getters
// 在逻辑页面中，getters值使用方式
// 方式1：$store.getters.变量名(如果用魔模块内getters：$store.getters['模块名/变量名])
// 方式2：映射的方式
// (1):拿到vuex提供的辅助函数 mapGetters(固定名) import {mapGetters} from 'vuex
// (2):调用函数，传入要映射过来的getters里面的变量名 ...mapGetters(['变量名'])----辅助函数原地返回对象
// $store 是挂载在 Vue 实例上的（即Vue.prototype），而组件也其实是一个Vue实例，在组件中可使用this访问原型上的属性。<template> 拥有组件实例的上下文，可直接通过 {{$store.state.XXX }} 访问，等价于 script 中的 this.$store.state.XXX
